<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    #p1{  /*id选择器  格式:#d{样式代码}   当需要选择页面中某一个元素时 插入id*/
      color: green;
    }
    /*类选择器: 同时选择多个不相干的元素 ,添加相同的class的属性(标记)   .标签使用*/
    .c1{
      color: blue;
    }
    /*分组选择器*/
    h3,#p1,.c1{ /*将要更改元素的标签提出来,再进行更改;  格式: h3, #p, .class  */
      background-color: yellow;
    }

    /*属性选择器*/
    input[type="text"]{background-color: blue}

    /*任意选择器*/
    *{
      /*边框: 粗细 实线边框 颜色*/
      border:2px solid red;

    }
  </style>
</head>
<body>
<input type="text">
<input type="[password]">
<h3>雪碧</h3>
<p id="p1">苹果</p>
<p>香蕉</p>
<p class="c1">橘子</p>
<h3>电视</h3>
<h3>空调</h3>
<h3 class="c1">电脑</h3>

</body>
</html>